<!-- Darija Dasic 97/08-->
<!-- Sofija Puric 6/08 -->
<!DOCTYPE HTML PUBLIC"-// W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <title>
			Rezervacija hostela u Beogradu
        </title>
        <link rel="stylesheet" type="text/css" href="css/default.css" media="all"/>
        <link rel="stylesheet" type="text/css" media="screen" href="css/datePicker.css">

        <!-- jQuery -->
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
        <!-- required plugins -->
        <script type="text/javascript" src="jscript/date.js"></script>
        <script type="text/javascript" src="jscript/jquery.datePicker.js"></script>
        <script type="text/javascript" charset="utf-8">
            Date.firstDayOfWeek = 0;
            Date.format = 'dd/mm/yyyy';
            $(function()
            {        
                $('.date-pick').datePicker({autoFocusNextInput: true});

            });
        </script>
        <style type="text/css">

            /* located in demo.css and creates a little calendar icon
  * instead of a text link for "Choose date"
            */
            a.dp-choose-date {
                float: left;
                width: 16px;
                height: 16px;
                padding: 0;
                margin: 5px 3px 0;
                display: block;
                text-indent: -2000px;
                overflow: hidden;
                background: url(images/calendar.png) no-repeat; 
            }
            a.dp-choose-date.dp-disabled {
                background-position: 0 -20px;
                cursor: default;
            }
            /* makes the input field shorter once the date picker code
             * has run (to allow space for the calendar icon
            */
            input.dp-applied {
                width: 140px;
                float: left;
            }
            
        </style>

    </head>


    <body>
        <div id="all">
            <div id="header">
                <?php require 'pages/con_header.php'; ?>
            </div>
            <div id="slider">
            </div>
            <div id="search">
                <?php require 'pages/con_search.php'; ?>
            </div>
            <div id="index_photo">
                &nbsp;
            </div>


            <div id="wrapper">
                <div id="content">	<!-- Ovo treba realizovati u PHP -->


                    <?php require 'pages/con_book.php'; ?>
                </div>



            </div>
            <div id="banners">
                <?php require 'pages/con_baners.php'; ?>
            </div>

            <?php require 'pages/con_footer.php'; ?>
        </div>
    </body>
</html>